{% extends "main.html" %}

{% block title %}Home{% endblock %}
{% block head %}
{{ parent() }}
{% endblock %}
{% block content %}
<div class="content">
    <div class="box-phone-model">
        <div class="box-title">
            <h2><a href="#">Apple</a></h2>
            <div class="more-phone"><a href="#">More &raquo;</a></div>
        </div>
        <div class="box-cotent">
            <ul class="phone-list">
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
            </ul>
        </div><!-- .box-cotent -->
        
    </div><!-- box-phone-model -->
     <div class="box-phone-model">
        <div class="box-title">
            <h2><a href="#">Apple</a></h2>
            <div class="more-phone"><a href="#">More &raquo;</a></div>
        </div>
        <div class="box-cotent">
            <ul class="phone-list">
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
            </ul>
        </div><!-- .box-cotent -->
        
    </div><!-- box-phone-model -->
     <div class="box-phone-model">
        <div class="box-title">
            <h2><a href="#">Apple</a></h2>
            <div class="more-phone"><a href="#">More &raquo;</a></div>
        </div>
        <div class="box-cotent">
            <ul class="phone-list">
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
                <li class="item">
                    <div class="item-wrap">
                        <div class="phone-photo">
                            <a href="#"><img src="{{ phone_url }}iphone-5.jpg"/></a>
                        </div>
                        <div class="summary">
                            <div class="phone-name">
                                <a href="#">iPhone 5</a>
                            </div>
                            <div class="phone-price">

                            </div>
                        </div>
                    </div>

                </li>
            </ul>
        </div><!-- .box-cotent -->
        
    </div><!-- box-phone-model -->
</div>
{% endblock %}